
<script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    $(function() {
        $( "#tabs" ).tabs();
    });
</script>

<div class="wrapper">

    <div class="product-detail-box">
        <div class="product-detail-box-title">
            <p><?= $product->product_name ?></p>
        </div>
        <div class="product-detail-box-img">

            <div id="gallery" class="product-image-thumbnails">

                <ul>


                    <li class="product-image"><a href="<?= FRONT_UPLOADED . $product_default_image->image_url ?>"
                                                 title="<?= $product_default_image->image_description ?>">
                            <img src="<?= FRONT_UPLOADED . $product_default_image->image_url ?>"/>
                        </a>
                    </li>
                    <?php
                    foreach ($product_images as $row):
                        ?>
                        <li class="product-image-thumb">
                            <a href="<?= FRONT_UPLOADED . $row->image_url ?>"	title="<?= $row->image_description ?>">
                                <img src="<?= FRONT_UPLOADED . $row->image_url ?>" />
                            </a>
                        </li>
                        <?php
                    endforeach;
                    ?>
                </ul>

            </div>
        </div>
        <div class="product-detail-box-info" style="height: auto;">
            <div class="product-detail-box-info-title">
                <span>Thông tin sản phẩm</span>
            </div>
            <div  class="product-detail-box-info-content">
                
                <p class="tan-phat-price">Tấn phát: <?= number_format($product->product_tan_phat_price) ?> VNĐ</p>
                <p class="company-price">Công ty: <?= number_format($product->product_company_price) ?> VNĐ</p>
                <p>Bảo hành: <?= $product->product_guarantee_time ?></p>
                <p>Phụ kiện : <?= $product->product_accessories ?></p>
                <p class="company-price"> Có hàng tại Tấn Phát Mobile<br/>
                    453 Hồng Bàng – P.14 – Q.5 (Đối diện Thuận Kiều Plaza)</p>
            </div>
        </div>
        <div id="tabs" class="product-detail-box" style="margin-top: 50px;font-family: tahoma; font-size: 10pt;">
            <ul>
                <li><a href="#tabs-1">TỔNG QUAN</a>
                </li>
                <li><a href="#tabs-2">THÔNG SỐ KỸ THUẬT</a>
                </li>
                <li><a href="#tabs-3">HÌNH ẢNH</a>
                </li>
            </ul>
            <div id="tabs-1">
                <div style="width: auto;">      <?= $product->product_summary ?></div>

            </div>
            <div id="tabs-2" style="width: 100%; margin-left: -17px;">
                <div style="width: auto;">       <?= $product->product_detail ?></div>


            </div>
            <div id="tabs-3">
                <div class="jwts_tabbertab " title="">


                    <br> <br>
                    <div style="text-align: center;">
                        <img src="<?= FRONT_UPLOADED . $product_default_image->image_url ?>">
                    </div>
                    <?php
                    foreach ($product_images as $row):
                        ?>
                        <div style="text-align: center;">
                            <img src="<?= FRONT_UPLOADED . $row->image_url ?>">
                        </div>
                        <?php
                    endforeach;
                    ?>

                    <br>
                </div>
            </div>
        </div>
    </div>



</div>

